<template>
  <div class="purchase">
    <Nav></Nav>
    <div class="purchaseMain">
      <div :style="{'background':'url('+require('@/assets/img/purchase/home-bg.svg')+') no-repeat','backgroundSize':'cover'}" class="p_caseTop">
        <h1>
          Get写作，一站式智能写作服务平台
        </h1>
      </div>
      <div class="p_case_box_00">
        <ul class="p_case_box_00Main">
          <li>
              <div class="top">
                  <h1>
                    免费版
                  </h1>
                  <div class="txt">
                    <div class="txt_00">
                      <span>￥</span>
                      <strong>
                        0
                      </strong>
                      <span>
                        元
                      </span>
                    </div>
                  </div>
                  <div class="space"></div>
                  <div class="space_0"></div>
                  <div class="btn_00">
                    立即使用
                  </div>
              </div>

              <div class="bot">
                <div class="botTitle">
                  <span>
                    基础功能
                  </span>
                </div>

                <ul class="botMain">
                	<li>
                    <div class="txt">
                      <div class="le">
                          热点榜单订阅
                        </div>
                        <div class="ri">
                          10个
                        </div>
                    </div>
                  </li>
                	<li>
                    <div class="tag_00">
                      <div class="le">
                          热点榜单订阅
                        </div>
                        <div class="ri">
                          <img src="@/assets/img/purchase/err.png" >
                        </div>
                    </div>
                  </li>
                	<li>
                    <div class="tag_00">
                      <div class="le">
                          热点榜单订阅
                        </div>
                        <div class="ri">
                          <img src="@/assets/img/purchase/err.png" >
                        </div>
                    </div>
                  </li>
                	<li>
                    <div class="tag_00">
                      <div class="le">
                          热点榜单订阅
                        </div>
                        <div class="ri">
                          <img src="@/assets/img/purchase/err.png" >
                        </div>
                    </div>
                  </li>
                <li>
                  <div class="txt">
                    <div class="le">
                        保存文章篇数
                      </div>
                      <div class="ri">
                        无限
                      </div>
                  </div>
                </li>

                  <li>
                      <div class="tag_00">
                        <div class="le">
                            热点榜单订阅
                          </div>
                          <div class="ri">
                            <img src="@/assets/img/purchase/err.png" >
                          </div>
                      </div>
                    </li>
                  <li>
                      <div class="tag_00">
                        <div class="le">
                            热点榜单订阅
                          </div>
                          <div class="ri">
                            <img src="@/assets/img/purchase/err.png" >
                          </div>
                      </div>
                    </li>


                </ul>


              </div>
          </li>
          <li>
              <div class="top bg_00">
                  <h1>
                    个人VIP
                  </h1>
                  <div class="txt">
                    <div class="txt_00">
                      <span>￥</span>
                      <strong>
                        16.6
                      </strong>
                      <span>
                        起/月
                      </span>
                    </div>
                  </div>
                    <div class="price">
                      原价￥99/月
                    </div>
                  <div class="space"></div>
                  <div class="btn_00 black">
                    立即购买
                  </div>
                  <div class="beizhu">
                    购买年费/终身会员，领取年费会员专享礼包
                  </div>
              </div>
              <div class="bot">

                <div class="botTitle">
                  <span>
                    基础功能
                  </span>
                </div>

                <ul class="botMain">
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          热点榜单订阅
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>
                	<li>
                	    <div class="tag_01">
                	      <div class="le">
                	          自定义榜单
                	        </div>
                	        <div class="ri">
                	          <img src="@/assets/img/purchase/success.png" >
                	        </div>
                	    </div>
                	  </li>

                </ul>

                <div class="botTitle">
                  <span>
                    会员权益
                  </span>
                </div>
                <ul class="botMain">
                	<li>
                    <div class="text">
                        <span>
                          免费获得写作培训资料
                        </span>
                      </div>
                  </li>
                	<li>
                    <div class="text">
                        <span>
                          免费获得写作培训资料
                        </span>
                      </div>
                  </li>
                	<li>
                    <div class="text">
                        <span>
                          免费获得写作培训资料
                        </span>
                      </div>
                  </li>
                	<li>
                    <div class="text">
                        <span>
                          免费获得写作培训资料
                        </span>
                      </div>
                  </li>
                </ul>


              </div>
          </li>
          <li>
              <div class="top">
                  <h1>
                    企业版
                  </h1>
                  <div class="txt">
                    <div class="txt_01">
                      <h1>
                        升级中...
                      </h1>
                    </div>
                  </div>
                  <div class="space"></div>
                  <div class="btn_00 gray">
                    敬请期待
                  </div>
              </div>

              <div class="bot">
                    <div class="botTitle">
                      <span>
                        写作功能
                      </span>
                    </div>
                    <ul class="botMain">
                      <li>
                        <div class="text">
                          <span>
                            普通会员所有功能
                          </span>
                        </div>
                      </li>
                      <li>
                        <div class="text">
                          <span>
                            团队共享管理
                          </span>
                        </div>
                      </li>
                      <li>
                        <div class="text">
                          <span>
                            文章审核管理
                          </span>
                        </div>
                      </li>
                      <li>
                        <div class="text">
                          <span>
                            团队私有素材库
                          </span>
                        </div>
                      </li>
                    </ul>

                    <div class="botTitle">
                      <span>
                        客户权益
                      </span>
                    </div>
                    <ul class="botMain">
                    	<li>
                        <div class="text">
                            <span>
                              7x24小时专人客服
                            </span>
                          </div>
                      </li>
                    	<li>
                        <div class="text">
                            <span>
                              可开发票
                            </span>
                          </div>
                      </li>

                    </ul>


              </div>

          </li>
        </ul>
      </div>

      <div :style="{'background':'url('+require('@/assets/img/purchase/box_01-bg.svg')+') no-repeat','backgroundSize':'cover'}" class="p_case_box_01">

        <h3>
          购买终身/年费会员，领取年费会员专享礼包
        </h3>

        <ul class="wrap">
        	<li v-for="(p_caseIt,p_caseIdx) in 12" :key="'p_caseIt_0'+p_caseIdx">
            <div class="ceng_00">
              <div class="img">
                <img src="@/assets/img/purchase/box_01/tu_00.png" >
              </div>
              <h1>
                新媒体管家
              </h1>
              <h3>
                微信排版、编辑、帐号管理工具
              </h3>
              <h6>
                体验会员
              </h6>
            </div>
            <div class="ceng_01">
              <div class="btn">
                立即领取
              </div>
            </div>
          </li>
        </ul>

      </div>

      <div class="p_case_box_02">

        <h1>
          常见问题
        </h1>

        <ul class="p_case_box_02Main">
          <li v-for="(ansIt,ansIdx) in 6" :key="'ansIt_0'+ansIdx">
            <div class="ques">
              如果不满意可以退款吗？
            </div>
            <div class="ans">
              我们支持购买后3天内（以购买订单时间开始起72小时内）无理由退款（如从分销购买，仅退还未分销部分金额），您可以发送邮件至heyihao@getplay.cn申请退款。<a href="javascript:void(0);">更多</a>
            </div>
          </li>
        </ul>

      </div>

    </div>
    <Foot></Foot>
  </div>
</template>

<script>
  import Foot from "@/components/foot.vue"
  import Nav from "@/components/nav.vue";
  export default{
    name: 'Purchase',
    data(){
      return{

      }
    },
    components:{
      Nav,
      Foot
    },
   mounted() {
     let that=this;
   },
   activated() {
     let that=this;
     console.log("activated");
   }, 
   methods:{

   }
  }
</script>

<style lang="less" scoped="scoped">
  @import "../assets/css/purchase.less";
</style>
